<template>
	<a-drawer :visible="visible" title="操作详情" @close="closeOperate" :width="800">
		<a-descriptions title="User Info">
			<a-descriptions-item label="UserName">Zhou Maomao</a-descriptions-item>
			<a-descriptions-item label="Telephone">1810000000</a-descriptions-item>
			<a-descriptions-item label="Live">Hangzhou, Zhejiang</a-descriptions-item>
			<a-descriptions-item label="Remark">empty</a-descriptions-item>
			<a-descriptions-item label="Address">
				No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
			</a-descriptions-item>
		</a-descriptions>
	</a-drawer>
</template>

<script>
	import {
		defineComponent,
		ref
	} from 'vue';
	export default defineComponent({
		props: {
			visible: {
				type: Boolean,
				default: false
			}
		},
		setup(props, context) {
			const closeOperate = () => {
				context.emit('close')
			};
			return {
				closeOperate
			};
		},
	});
</script>

<style lang="less" scoped>
</style>